<!DOCTYPE html>
<html>
<head>
	<title>个人基本信息</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="fpnr.css">
	<link rel="shortcut icon" type="images/x-icon" href="images/favicon.ico">
	<script type="text/javascript" src="jquery.min.js"></script>
	<script>
		$(function(){
			$.ajax({
				url:"http://192.168.0.117:81/users",
				success:function(data){
					var data = JSON.parse(data);
					A = data[0].Accountnumber;
					$(".user").html(data[0].Accountnumber);
					$($("P")[4]).append($("<span></span>"));
					$("span")[1].innerHTML = data[0].Accountnumber;
				}
			})
			alert("请填写内容！")
			$(".button1").click(function(){
				var arr = [];
				$(".textx input").each(function(index,element){
					arr[index] = this.value;
				})
				$.ajax({
					url:"http://192.168.0.117:81/appendData",
					data:{
						IDnumber:arr[4],
						Name:arr[0],
						Sex:$("select")[0].value,
						Document_type:$("select")[1].value,
						Telephone:arr[1],
						Accountnumber:A,
						Password:arr[2],
						Password1:arr[3],
						Email:arr[5]
					},
					success:function(data){
					console.log(data)

						if(data){
							if(arr[2] !== arr[3]){
								alert("请检查身份证号或两次密码输入有误！");
							}
							else{
								$("p").append($("<strong></strong>"))
								console.log(arr)
								$("strong")[1].innerHTML = arr[0];
								$("select")[0].value = $("select")[0].value;
								$("strong")[3].innerHTML = arr[1];
								$("strong")[5].innerHTML = arr[2];
								$("strong")[6].innerHTML = arr[3];
								$("select")[1].value = $("select")[1].value;
								$("strong")[8].innerHTML = arr[4];
								$("strong")[9].innerHTML = arr[5];
								
								$("input").remove();
								$(".button1").remove();	
								$(".xiugai").css({display:"block"})							
								// window.location.href= "zhuceyemian.html";
							}
						}
					},
					erroe:function(){
						alert("插入失败！")
					}
				})

			})
			$(".textx").append($("<button></button>"));
			$($("button")[1]).addClass("xiugai").text("修改信息").css({
				width: "80px",
				height: "40px",
				borderRadius: "5px",
				textAlign: "center",
				lineHeight: "40px",
				backgroundColor:"#f43c43",
				color: "yellow",
				border: "none",
				cursor: "pointer",
				position:"relative",
				left: "520px",
				top: "-16px",
				display:"none",
				outline: "none"
			});
			$(".xiugai").click(function(){
				window.location.href = "xiugai.html";
			})
		})
	</script>
</head>
<body>
	<div class="content">
		<div class="top">
			<img src="images/u=576006878,3397872292&fm=26&gp=0.jpg">
			<span class="mc">精准扶贫贫困户档案管理&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;个人基本信息</span>
			<div class="topa">
				<a href="zhuceyemian.html" class="user">个人信息</a>
				<a href="../index.html">退出</a>
			</div>
		</div>
		<div class="text">
			<div class="texts">
				<h2>"扶贫账号"可用于登录精准扶贫贫困户档案管理系统服务平台</h2>
				<p>此系统实现一般贫困户档案管理系统所具有的基本功能。工作人员将贫困户信息录入“精准扶贫贫困户档案管理”，为每户贫困户建立自身的贫困户档案。通过信息的建立，实现档案信息的全面性、系统性、规范性。实现贫困户信息全面统计和查询，为领导决策提供客观、实时的基础数据。该系统还包含贫困户用户端和贫困户档案管理员两大模块，贫困户用户端应具备用户注册、系统登录、信息输入、修改、删除、个人信息管理、在线浏览、留言等功能；贫困户档案管理员应具备分配账号、管理账号、档案管理、档案审核、档案浏览及档案输出打印、留言等功能。</p>
			</div>
			<div class="textx">
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>真实姓名：</p><input type="text" name="" placeholder="请如实填写。">
				</div>
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;性别：</p>
					<form action="">
						<select name="cars">
							<option value="请选择">请选择</option>
							<option value="男">男</option>
							<option value="女">女</option>
						</select>
					</form>
				</div>
				<div class="nr1">
					<p><i>*</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;手机号：</p><input type="text" name="" placeholder ="请输入11位手机号码。">
				</div>
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>用户账号：</p>
				</div>
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码：</p><input type="password" name="" placeholder ="输入8-30位的英文字母、数字或字符">
				</div>
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>密码确认：</p><input type="password" name="" placeholder="请再一次的填写密码。">
				</div>	
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>证件类型：</p>
					<form action="">
						<select name="cars">
							<option value="请选择">请选择</option>
							<option value="二代身份证">二代身份证</option>
							<option value="临时身份证">临时身份证</option>
						</select>
					</form>
				</div>
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>身份证号：</p><input type="text" name="" placeholder="请如实填写。">
				</div>
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>电子邮箱：</p><input type="text" name="" placeholder="填写个人邮箱。">
				</div>
				<button class="button1">提交信息</button>
				<div class="nr1">
					<p>&nbsp;&nbsp;&nbsp;<i>*</i>请认真核对所填信息以免给自己带来不必要的麻烦！</p>
				</div>
			</div>
		</div>
		<div class="bottom"><strong>精准扶贫贫困户档案管理系统</strong><span class="zy">注意：请勿重复注册，仔细核对个人信息，非精准扶贫对象无法注册!</span></div>
	</div>
</body>
</html>